{% extends "base.html" %}
{% block page_title %}Contact{% endblock %}
{% block content %}
  <div id="featured-projects">
    <h3>{{ greeting }}</h3>
    <form action="/contact/" method="post">{% csrf_token %}
      <div>
        <label for="id_name">Your name:</label>
        {{ form.name }}
        <font color="red">{% if form.name.errors %}Required{% endif %}</font>
      </div>
      <div>
        <label for="id_email">Your email:</label>
        {{ form.email }}
        <font color="red">{% if form.email.errors %}Invalid{% endif %}</font>
      </div>
      <div>
        <label for="id_message">Message:</label>
        <font color="red">{{ form.message.errors }}</font><br/>
        {{ form.message }}
      </div>
      <input type="submit" value="Submit">
    </form>
  </div><!--end featured-projects-->
  <div id="featured-projects">
    <h3>OR ...</h3>
    Contact me via <a href="mailto:xiangy08@csnet1.cs.tsinghua.edu.cn"
      title="mail to me">Email</a> or
    <a href="http://twitter.com/sharangxy" title="follow me" target="_blank">Twitter</a> or
    <a href="http://weibo.com/sharang" title="only chinese :)" target="_blank">Weibo (in Chinese)</a>
  </div><!--end featured-projects-->
{% endblock %}
